.header_top {
    width: 100%;
    height: 35px;
    background: #eee;
    border-top: 1px solid darkgray;
    border-bottom: 1px solid darkgray;
    .ui-ct {
        width: 1200px;
        height: 100%;
        display: flex;
        margin: 0 auto;
        justify-content: space-between;
        .header_top_left {
            width: 205px;
            height: 35px;
            padding-top: 6px;
            span {
                font-size: 10px;
                color: darkgray;
            }
            .logo {
                color: darkgray;
            }
        }
        .header_top_right {
            width: 320px;
            height: 35px;
            ul {
                display: flex;
                width: 300px;
                padding-top: 10px;
                li {
                    width: 50px;
                    font-size: 10px;
                    color: darkgray;
                    border-right: 1px solid darkgray;
                    padding-left: 10px;
                    padding-right: 10px;
                }
                li:nth-child(3) {
                    border: 0;
                }
            }
        }
    }
}

.logo_ {
    width: 100%;
    height: 106px;
    .logo__ {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        .left {
            display: flex;
            img {
                width: 185px;
                height: 55px;
                padding-top: 15px;
                padding-right: 10px;
            }
            span {
                padding-top: 30px;
            }
        }
        .top-s {
            width: 468px;
            height: 6px;
            padding-top: 35px;
            .top-s-buydd {
                .on-e {
                    i {
                        background-color: #cccccc;
                    }
                }
                dl {
                    float: left;
                    width: 162px;
                    height: 6px;
                    background-color: #ed1475;
                    border-radius: 6px;
                    display: block;
                    position: relative;
                    margin-left: -6px;
                    dd {
                        color: #ed1475;
                        margin-top: 16px;
                        text-align: center;
                    }
                    dt {
                        display: block;
                        i {
                            width: 30px;
                            height: 30px;
                            line-height: 30px;
                            color: #fff;
                            background-color: #ed1475;
                            border-radius: 100%;
                            display: block;
                            text-align: center;
                            position: absolute;
                            left: 50%;
                            transform: translate(-50%, -50%);
                        }
                    }
                }
            }
        }
        .f_r {
            float: right;
        }
    }
}

.shopp {
    width: 100%;
    height: 100%;
    margin-bottom: 70px;
    .shopp_ {
        width: 1200px;
        background-position: 50px;
        margin: 0 auto;
        .table {
            width: 710px;
            overflow: hidden;
            margin: 0 auto;
            .del {
                color: darkred !important;
            }
            h3 {
                color: brown;
            }
            .color_ {
                color: red !important;
            }
            .subprice {
                color: red !important;
            }
            .del {
                cursor: pointer;
            }
            .fize {
                width: 100px;
                /*限制元素宽度*/
                overflow: hidden;
                /*文本超出隐藏*/
                display: -webkit-box;
                /*盒子模型微弹性伸缩模型*/
                -webkit-box-orient: vertical;
                /*伸缩盒子的子元素垂直排列*/
                -webkit-line-clamp: 1;
                /*文本显示1行*/
                font-size: 15px;
                color: palevioletred !important;
                padding-left: 5px;
            }
            .item {
                float: left;
                width: 100px;
                height: 100px;
                text-align: center;
                line-height: 40px;
                // background-color: #eee;
                color: rgb(85, 85, 121);
                line-height: 100px;
                img {
                    width: 100px;
                    height: 100px;
                    margin: 10px;
                }
                input {
                    width: 50px;
                }
            }
            .active {
                background: rgb(237, 20, 117);
            }
            .xian {
                width: 100%;
                height: 10px;
                border-bottom: 5px solid rgb(237, 20, 117);
                margin-bottom: 10px;
            }
        }
    }
}

.footer {
    width: 100%;
    height: 255px;
    .top {
        height: 70px;
        background: rgb(247, 247, 247);
        ul {
            display: flex;
            justify-content: space-around;
            li {
                padding-top: 10px;
                width: 200px;
                height: 40px;
                font-size: 30px;
                color: rgb(76, 76, 76);
                .iconfont {
                    margin-right: 10px;
                    font-size: 30px;
                    background: #ed1475;
                    border-radius: 50%;
                    color: white;
                }
            }
        }
    }
    .botton {
        height: 185px;
        background: rgb(218, 218, 218);
        img {
            width: 145px;
            height: 28px;
            margin-left: 45%;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        ol {
            width: 546px;
            padding-bottom: 10px;
            border-bottom: 1px solid darkgray;
            display: flex;
            margin-left: 32%;
            li {
                padding-right: 10px;
                a {
                    color: rgb(76, 76, 76);
                }
            }
        }
        p {
            font-size: 10px;
            color: darkgray;
            text-align: center;
        }
        h3 {
            text-align: center;
            font-size: 15px;
            padding-top: 10px;
        }
    }
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

* {
    margin: 0;
    padding: 0;
}